const path = require("path")
const HtmlWebpackPlugin = require("html-webpack-plugin")

module.exports = {
    entry: "./src/index.js",  // 入口文件
    output: {  // 输出文件
        path: __dirname,
        filename: "./dist/bundle.js",
    },
    module: {
        rules: [
            {
                test: /\.js$/,  // 正则匹配
                exclude: /node_modules/,  // 排除
                loader: "babel-loader"  // loader
            }
        ],
    },
    plugins: [  // 插件
        new HtmlWebpackPlugin({
            template: "./index.html",  // 模板文件
        })
    ],
    devServer: {
        static: {  // // 打包后文件地址
            directory: path.join(__dirname, './dist')
        },
        open: true,  // 自动打开浏览器
        port: 3000  // 端口
    },
}
